﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Categories.aspx.cs" Inherits="IMark.Products" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="breadcrumb"><a href="Default.aspx"><i class="fa fa-home fa-fw"></i>Home </a><i class="fa fa-angle-right fa-fw"></i><a href="Products.aspx">DS Sản Phẩm </a></div>

                <!-- Quick Help for tablets and large screens -->
                <div class="quick-message hidden-xs">
                    <div class="quick-box">
                        <div class="quick-slide">
                            <span class="title">Help</span>
                            <div class="quickbox slide" id="quickbox">
                                <div class="carousel-inner">
                                    <div class="item active"><a href="#"><i class="fa fa-envelope fa-fw"></i>Gửi Mail</a> </div>
                                    <div class="item"><a href="#"><i class="fa fa-question-circle fa-fw"></i>Chat Online</a> </div>
                                    <div class="item"><a href="#"><i class="fa fa-phone fa-fw"></i>(08) 666 888</a> </div>
                                </div>
                            </div>
                            <a class="left carousel-control" data-slide="prev" href="#quickbox"><i class="fa fa-angle-left fa-fw"></i></a><a class="right carousel-control" data-slide="next" href="#quickbox"><i class="fa fa-angle-right fa-fw"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end: Quick Help -->

            </div>
        </div>
    </div>
    <div class="row clearfix f-space10"></div>
    <div class="container">
        <!-- row -->
        <div class="row">
            <div class="col-md-9 col-sm-12 col-xs-12 box-block">
                <div class="box-heading category-heading">
                    <span>Đang xem từ 1-9 của 240 sản phẩm</span>
                    <ul class="nav nav-pills pull-right">
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="#a">9 Sản phẩm/trang <i class="fa fa-sort fa-fw"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#a">12 Sản phẩm/trang</a></li>
                                <li><a href="#a">15 Sản phẩm/trang</a></li>
                                <li><a href="#a">18 Sản phẩm/trang</a></li>
                                <li><a href="#a">21 Sản phẩm/trang</a></li>
                                <li><a href="#a">100 Sản phẩm/trang</a></li>
                                <li><a href="#a">Xem tất cả</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="#a">Sắp xếp theo <i class="fa fa-sort fa-fw"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#a">Tên (A-Z)</a></li>
                                <li><a href="#a">Tên (Z-A)</a></li>
                                <li><a href="#a">Giá (Thấp-Cao)</a></li>
                                <li><a href="#a">Giá (Cao-Thấp)</a></li>
                                <li><a href="#a">Đánh giá cao nhất</a></li>
                                <li><a href="#a">Đánh giá thấp nhất</a></li>
                                <li><a href="#a">Mới nhất</a></li>
                            </ul>
                        </li>
                        <li class="view-list"><a href="category-list.html"><i class="fa fa-list-ul fa-fw"></i></a></li>
                        <li class="view-grid active"><a href="category-grid.html"><i class="fa fa-th-large fa-fw"></i></a></li>
                    </ul>
                </div>
                <div class="row clearfix f-space20"></div>
                <div class="box-content">
                    <div class="box-products">

                        <!-- Products Row -->
                        <div class="row box-product">
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-sale"><span>SALE</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product1.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image"><a class="img" href="product.html">
                                        <img alt="product info" src="images/products/product2.jpg" title="product title"></a> </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Female Strips Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-new"><span>NEW</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product3.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Blue Fashion Bag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                        </div>

                        <!-- end: Products Row -->

                        <div class="clearfix f-space30"></div>
                        <!-- Products Row -->
                        <div class="row box-product">
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-sale"><span>SALE</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product1.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image"><a class="img" href="product.html">
                                        <img alt="product info" src="images/products/product2.jpg" title="product title"></a> </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Female Strips Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-new"><span>NEW</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product3.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Blue Fashion Bag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                        </div>

                        <!-- end: Products Row -->

                        <div class="clearfix f-space30"></div>
                        <!-- Products Row -->
                        <div class="row box-product">
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-sale"><span>SALE</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product1.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>96</span> <span class="price-old"><span class="sym">$</span>119.50</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image"><a class="img" href="product.html">
                                        <img alt="product info" src="images/products/product2.jpg" title="product title"></a> </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Female Strips Handbag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>520</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                            <!-- Product -->
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="product-block">
                                    <div class="image">
                                        <div class="product-label product-new"><span>NEW</span></div>
                                        <a class="img" href="product.html">
                                            <img alt="product info" src="images/products/product3.jpg" title="product title"></a>
                                    </div>
                                    <div class="product-meta">
                                        <div class="name"><a href="product.html">Blue Fashion Bag</a></div>
                                        <div class="big-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="big-btns">
                                            <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a>
                                        </div>
                                        <div class="small-price"><span class="price-new"><span class="sym">$</span>320</span> </div>
                                        <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i></div>
                                        <div class="small-btns">
                                            <button class="btn btn-default btn-compare pull-left" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-retweet fa-fw"></i></button>
                                            <button class="btn btn-default btn-wishlist pull-left" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart fa-fw"></i></button>
                                            <button class="btn btn-default btn-addtocart pull-left" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="meta-back"></div>
                                </div>
                            </div>
                            <!-- end: Product -->
                        </div>

                        <!-- end: Products Row -->

                    </div>
                </div>
                <div class="clearfix f-space30"></div>
                <span class="pull-left">Đang xem từ 1-9 của 240 sản phẩm</span>
                <div class="pull-right">
                    <ul class="pagination pagination-lg">
                        <li class="disabled"><a href="#"><i class="fa fa-angle-left"></i></a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
                    </ul>
                </div>
            </div>

            <!-- side bar -->
            <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
                <div class="box-heading"><span>Tìm kiếm theo</span></div>
                <!-- Filter by -->
                <div class="box-content">
                    <div class="shopby">
                        <span>Màu Sắc</span>
                        <div class="colors"><a href="#a" data-toggle="tooltip" title="Orange (20)" class="color bg-orange"></a><a href="#a" data-toggle="tooltip" title="Fuchsia (03)" class="color bg-fuchsia"></a><a href="#a" data-toggle="tooltip" title="Blue (12)" class="color bg-blue"></a><a href="#a" data-toggle="tooltip" title="Gray (20)" class="color bg-gray"></a><a href="#a" data-toggle="tooltip" title="Coral (10)" class="color bg-coral"></a><a href="#a" data-toggle="tooltip" title="Khaki (33)" class="color bg-khaki"></a><a href="#a" data-toggle="tooltip" title="Green (20)" class="color bg-green"></a><a href="#a" data-toggle="tooltip" title="Purple (20)" class="color bg-purple"></a><a href="#a" data-toggle="tooltip" title="Salmon (44)" class="color bg-salmon"></a><a href="#a" data-toggle="tooltip" title="Cyan (21)" class="color bg-cyan"></a><a href="#a" data-toggle="tooltip" title="Gold (11)" class="color bg-gold"></a><a href="#a" data-toggle="tooltip" title="Teal (30)" class="color bg-teal"></a><a href="#a" data-toggle="tooltip" title="White (33)" class="color bg-white"></a><a href="#a" data-toggle="tooltip" title="Black (18)" class="color bg-black"></a></div>
                        <hr>

                        <!-- Price Range -->
                        <span>Giao động từ</span>
                        <div class="pricerange">
                            <input type="text" id="price-range" name="price-range" />
                            <!-- 	data-from="30"                      // overwrite default FROM setting
data-to="70"                        // overwrite default TO setting
data-type="double"                  // slider type
data-step="10"                      // slider step
data-postfix=" pounds"              // postfix text
data-hasgrid="true"                 // enable grid
data-hideminmax="true"              // hide Min and Max fields
data-hidefromto="true"              // hide From and To fields
data-prettify="false"               // don't use spaces in large numbers, eg. 10000 than 10 000
 -->

                            <button class="btn color1 normal pull-right" type="submit">Clear</button>
                        </div>
                        <!--end: Price Range -->
                    </div>
                </div>
                <!-- end: Filter by -->

                <div class="clearfix f-space30"></div>
                <div class="box-heading"><span>Danh mục sản phẩm</span></div>
                <!-- Categories -->
                <div class="box-content">
                    <div class="panel-group" id="blogcategories">
                        <div class="panel panel-default">
                            <div class="panel-heading closed" data-parent="#blogcategories" data-target="#collapseOne" data-toggle="collapse">
                                <h4 class="panel-title"><a href="#a"><span class="fa fa-plus"></span>Đồ Nam </a><span class="categorycount">14</span> </h4>
                            </div>
                            <div class="panel-collapse collapse" id="collapseOne">
                                <div class="panel-body">
                                    <ul>
                                        <li class="item"><a href="#a">Jeans</a></li>
                                        <li class="item"><a href="#a">Sơ mi tay dài</a></li>
                                        <li class="item"><a href="#a">Sơ mi tay ngắn</a></li>
                                        <li class="item"><a href="#a">Trang phục thể thao</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading opened" data-parent="#blogcategories" data-target="#collapseTwo" data-toggle="collapse">
                                <h4 class="panel-title"><a href="#a"><span class="fa fa-minus"></span>Đồ Nữ </a><span class="categorycount">10</span></h4>
                            </div>
                            <div class="panel-collapse collapse in" id="collapseTwo">
                                <div class="panel-body">
                                    <ul>
                                        <li class="item"><a href="#a">Váy</a></li>
                                        <li class="item"><a href="#a">Áo Blouse</a></li>
                                        <li class="item"><a href="#a">Đồ lót và đồ ngủ</a></li>
                                        <li class="item"><a href="#a">Quần áo công sở</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading closed" data-parent="#blogcategories" data-target="#collapseThree" data-toggle="collapse">
                                <h4 class="panel-title"><a href="#a"><span class="fa fa-plus"></span>Nước Hoa </a><span class="categorycount">23</span></h4>
                            </div>
                            <div class="panel-collapse collapse" id="collapseThree">
                                <div class="panel-body">
                                    <ul>
                                        <li class="item"><a href="#a">Oriflame</a></li>
                                        <li class="item"><a href="#a">Adidas</a></li>
                                        <li class="item"><a href="#a">Body Fantasies</a></li>
                                        <li class="item"><a href="#a">Lomani AB</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading closed" data-parent="#blogcategories" data-target="#collapseFour" data-toggle="collapse">
                                <h4 class="panel-title"><a href="#a"><span class="fa fa-plus"></span>Điện Thoại </a><span class="categorycount">06</span> </h4>
                            </div>
                            <div class="panel-collapse collapse" id="collapseFour">
                                <div class="panel-body">
                                    <ul>
                                        <li class="item"><a href="#a">Samsung</a></li>
                                        <li class="item"><a href="#a">Apple</a></li>
                                        <li class="item"><a href="#a">Nokia</a></li>
                                        <li class="item"><a href="#a">HTC</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading closed" data-parent="#blogcategories" data-target="#collapseFive" data-toggle="collapse">
                                <h4 class="panel-title"><a href="#a"><span class="fa fa-plus"></span>Máy Tính </a><span class="categorycount">80</span> </h4>
                            </div>
                            <div class="panel-collapse collapse" id="collapseFive">
                                <div class="panel-body">
                                    <ul>
                                        <li class="item"><a href="#a">Apple</a></li>
                                        <li class="item"><a href="#a">Asus</a></li>
                                        <li class="item"><a href="#a">Acer</a></li>
                                        <li class="item"><a href="#a">Dell</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end: Blog Categories -->

                <div class="clearfix f-space30"></div>
                <div class="box-heading"><span>So Sánh</span></div>
                <!-- Compare -->
                <div class="box-content">
                    <div class="compare">
                        <span>
                            <a href="product.html">Iphone 6</a>
                            <a href="#" class="pull-right">
                                <i class="fa fa-times fa-fw"></i>
                            </a>
                        </span>
                        <span>
                            <a href="product.html">Samsung Galaxy Note 4</a>
                            <a href="#" class="pull-right">
                                <i class="fa fa-times fa-fw"></i>
                            </a>
                        </span>
                        <button class="btn color1 normal pull-right" type="submit">So Sánh</button>
                    </div>

                    <!-- Compare -->
                </div>
                <div class="clearfix f-space30"></div>
                <!-- Get Updates Box -->
                <div class="box-content">
                    <div class="subscribe">
                        <div class="heading">
                            <h3>Đăng ký nhận tin</h3>
                        </div>
                        <div class="formbox">
                            <form>
                                <i class="fa fa-envelope fa-fw"></i>
                                <input class="form-control" id="InputUserEmail" placeholder="Email của bạn..." type="text">
                                <button class="btn color1 normal pull-right" type="submit">Đăng ký</button>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- end: Get Updates Box -->

            </div>
            <!-- end:sidebar -->
        </div>
        <!-- end:row -->
    </div>
<!-- end: container-->
    <script>

        (function ($) {
            "use strict";
            //Mega Menu
            $('#menuMega').menu3d();

            //Help/Contact Number/Quick Message
            $('.quickbox').carousel({
                interval: 10000
            });


            //Filter by Price Slider
            $("#price-range").ionRangeSlider({
                min: 100,                        // min value
                max: 1000,                       // max value
                from: 200,                       // overwrite default FROM setting
                to: 600,                         // overwrite default TO setting
                type: "double",                 // slider type
                step: 50,                       // slider step
                postfix: "",             		// postfix text
                hasGrid: false,                  // enable grid
                hideMinMax: false,               // hide Min and Max fields
                hideFromTo: false,               // hide From and To fields
                prettify: false,                 // separate large numbers with space, eg. 10 000
                onChange: function (obj) {        // function-callback, is called on every change
                    console.log(obj);
                },
                onFinish: function (obj) {        // function-callback, is called once, after slider finished it's work
                    console.log(obj);
                }
            });



        })(jQuery);

 </script>
</asp:Content>
